﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Principal.aspx.cs" Inherits="LimsWeb.Principal" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Sistema WASITEC</title>
    <script src="Content/js/jquery-1.8.2.js"></script>
    <script src="Content/js/jquery-1.8.2.min.js"></script>
    <link href="Content/css/EstilosRegistro.css" rel="stylesheet" />

    <script type="text/javascript">

    
        function revisarCheck(checkbox) {
            var dominio = document.getElementById("txtDominio");
            var domCorreo = document.getElementById("txtDominioCorreo");
            if (checkbox.checked) {
                
                $('#txtCorreo').val('');
                $('#txtDominio').val('');
                $('#txtDominioCorreo').val('');

                $('#txtDominioCorreo').attr('readonly', true);
                $("#txtDominioCorreo").css({ "background-color": "#d9d9d9" });
                $("#txtDominioCorreo").css({ "color": "gray" });

                $('#txtDominio').attr('readonly', false);
                $("#txtDominio").css({ "background-color": "white" });
                $("#txtDominio").css({ "color": "black" });
                //dominio.disabled = false; 
                //domCorreo.disabled = true;
              
            } else {

                //dominio.disabled = true;
                //domCorreo.disabled = false;
                $('#txtDominio').val('');
                $('#txtCorreo').val('');
                $('#txtDominioCorreo').val('');
                $('#txtDominioCorreo').attr('readonly', false);
                $("#txtDominioCorreo").css({ "background-color": "white" });
                $("#txtDominioCorreo").css({ "color": "black" });

                $('#txtDominio').attr('readonly', true);
                $("#txtDominio").css({ "background-color": "#d9d9d9" });
                $("#txtDominio").css({ "color": "gray" });
            }
        }
        
        $(function () {
            $('#txtDominio').val('');
            $('#txtCorreo').val('');
            $('#txtDominioCorreo').val('');
            $('#txtDominioCorreo').attr('readonly', false);
            $("#txtDominioCorreo").css({ "background-color": "white" });
            $("#txtDominioCorreo").css({ "color": "black" });

            $('#txtDominio').attr('readonly', true);
            $("#txtDominio").css({ "background-color": "#d9d9d9" });
            $("#txtDominio").css({ "color": "gray" });
            //var dominio = document.getElementById("txtDominio");
            //dominio.disabled = true;
            //var domCorreo = document.getElementById("txtDominioCorreo");
            //domCorreo.disabled = false;

        });
 
       

    </script>




</head>
<body>
    <form id="form1" runat="server">
     
        <div class="registro color" style="float:right; margin-right:15px;  ">  <br />       
            <h1> REGISTRO </h1>
            <div class="linea"></div>
               <br />
            Razon Social
            <br />
            <asp:TextBox runat="server" ID="txtRazonSocial" autocomplete="off" placeholder="Ingrese razón social" CssClass="txts"></asp:TextBox>
             <br />
            <br />
            <asp:checkbox runat="server" Text="Dominio"  ID="chkDominio" onclick="revisarCheck(this)"  />
            <br />
            <asp:TextBox runat="server" ID="txtDominio" placeholder="Ingrese dominio" autocomplete="off" CssClass="txts" ></asp:TextBox>
             <br />
            <br />
            Correo
            <br />
            <table id="tabla">
                <tr >
                    <td> <asp:TextBox runat="server" ID="txtCorreo" autocomplete="off" placeholder="Nombre de Usuario" CssClass="txts"></asp:TextBox></td>
                    <td style="width:40px;text-align:right;"> @</td>
                    <td> <asp:TextBox runat="server" ID="txtDominioCorreo" autocomplete="off" placeholder="Dominio" CssClass="txts"></asp:TextBox></td>
                </tr>
            </table>
           
           
           
             <br />

            <asp:Button runat="server" ID="btnRegistrar" Text="REGISTRAR" CssClass="btns" OnClick="btnRegistrar_Click"  OnClientClick="javascript:return confirm('¿Esta seguro de que la información proporcionada es la correcta   ?');"  />
            <div id="informacion" style="background:none;margin-top:10px;text-align:justify; width:90%;margin:10px auto;font-size:small">
                
           
            El sistema LAPA sólo validará correos existentes. En caso ingrese un dominio de correo que no existe, no podremos enviarle el código de validación para que continúe con la secuencia de registro. Por favor revisar la información antes de dar click a registrar. 
                        
        </div>

    </form>
    <script>
        $("#txtDominio").keyup(function () {

            var valor = $("#txtDominio").val();
            $("#txtDominioCorreo").val(valor);
            //alert(valor);
        });


    </script>
</body>
</html>


